<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" trimDirectiveWhitespaces="true"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<jsp:include page="/WEB-INF/views/comm/title.jsp"></jsp:include>


<body>
			<div class="container">
	<!-- Prompt IE 7 users to install Chrome Frame -->
	<!--[if lt IE 8]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
		<jsp:include page="/WEB-INF/views/comm/header.jsp"></jsp:include>



		<div class="home-page main">

				<section class="grid-wrap">
				<header class="grid col-full">
						<hr>
						<p class="fleft">Home</p>
						<!-- <a href="about.html" class="arrow fright">see more infos</a> -->
					</header>

					<div class="grid col-one-half mq2-col-full">
						<h1>
							홈페이지에  <br><br> 오신것을 환영합니다.  <br><br> 자유롭게 생각을 공유해보세요. 
						</h1>
						<p></p>
						<p></p>
					</div>


					<div class="slider grid col-one-half mq2-col-full">
						<div class="flexslider">
							<div class="slides">
								<div class="slide">
									<figure>
										<img src="${pageContext.request.contextPath}/resources/img/img2.jpg" alt="">
										<figcaption>
											<div>
												<h5>Caption 1</h5>
												<p>
													Lorem ipsum dolor set amet, lorem, <a href="#">link
														text</a>
												</p>
											</div>
										</figcaption>
									</figure>
								</div>

								<div class="slide">
									<figure>
										<img src="${pageContext.request.contextPath}/resources/img/img.jpg" alt="">
										<figcaption>
											<div>
												<h5>Caption 2</h5>
												<p>Fusce dapibus, tellus ac cursus commodo, tortor
													mauris condimentum nibh.</p>
											</div>
										</figcaption>
									</figure>
								</div>
								
															<div class="slide">
									<figure>
										<img src="${pageContext.request.contextPath}/resources/img/img.jpg" alt="">
										<figcaption>
											<div>
												<h5>Caption 2</h5>
												<p>Fusce dapibus, tellus ac cursus commodo, tortor
													mauris condimentum nibh.</p>
											</div>
										</figcaption>
									</figure>
								</div>
								
							</div>
						</div>
					</div>

				</section>

				<%-- <section class="services grid-wrap">
					<header class="grid col-full">
						<hr>
						<p class="fleft">Services</p>
						<a href="services.html" class="arrow fright">see more services</a>
					</header>

					<article class="grid col-one-third mq3-col-full">
						<aside>01</aside>
						<h5>Web design</h5>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
							Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus
							neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.</p>
					</article>

					<article class="grid col-one-third mq3-col-full">
						<aside>02</aside>
						<h5>Web development</h5>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
							Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus
							neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.</p>
					</article>

					<article class="grid col-one-third mq3-col-full">
						<aside>03</aside>
						<h5>Graphic design</h5>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
							Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus
							neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.</p>
					</article>
				</section>

				<section class="works grid-wrap">
					<header class="grid col-full">
						<hr>
						<p class="fleft">Works</p>
						<a href="works.html" class="arrow fright">see more works</a>
					</header>

					<figure class="grid col-one-quarter mq2-col-one-half">
						<a href="work1.html"> <img src="${pageContext.request.contextPath}/resources/img/img.jpg" alt="" >
							<span class="zoom"></span>
						</a>
						<figcaption>
							<a href="work1.html" class="arrow">Project page!</a>
							<p>Lorem ipsum dolor set amet</p>
						</figcaption>
					</figure>

					<figure class="grid col-one-quarter mq2-col-one-half">
						<a href="#"> <img src="${pageContext.request.contextPath}/resources/img/img.jpg" alt=""> <span
							class="zoom"></span>
						</a>
						<figcaption>
							<a href="#" class="arrow">Project x</a>
							<p>Lorem ipsum dolor set amet</p>
						</figcaption>
					</figure>

					<figure class="grid col-one-quarter mq2-col-one-half">
						<a href="#"> <img src="${pageContext.request.contextPath}/resources/img/img.jpg" alt=""> <span
							class="zoom"></span>
						</a>
						<figcaption>
							<a href="#" class="arrow">Project x</a>
							<p>Lorem ipsum dolor set amet</p>
						</figcaption>
					</figure>

					<figure class="grid col-one-quarter mq2-col-one-half">
						<a href="#"> <img src="${pageContext.request.contextPath}/resources/img/img.jpg" alt=""> <span
							class="zoom"></span>
						</a>
						<figcaption>
							<a href="#" class="arrow">Project x</a>
							<p>Lorem ipsum dolor set amet</p>
						</figcaption>
					</figure>
				</section>
			</div>
			 --%>
			 </div>
<jsp:include page="/WEB-INF/views/comm/footer.jsp"></jsp:include>


			<!--main-->
<script src="${pageContext.request.contextPath}/resources/js/mind/home.js"></script>
</div>
	<!--[if (gte IE 6)&(lte IE 8)]>
<script src="js/selectivizr.js"></script>
<![endif]-->
</body>
</html>